<template>
  <div>
   <p>注册</p> 
  <input class="select" type="text" placeholder="国家/地区">
       <option value="China">中国</option>
       <option value="Japan">日本</option>
       <option value="America">美国</option>
   <br>
   <input class="number" type="text" placeholder="国家码 +86 手机号">
   <br>
   <input class="code" type="text" placeholder="请输入验证码 获取验证码" >
   <br>
   <br>
   <input type="radio" name="agreement" value="male" v-model="agreement" class="doctrine">
       <label for="agreement">已阅读并同意小米账号 用户协议 和 隐私政策</label>
       <br>
       <button @click="submit">注册</button>
  </div>
</template>

<script>
export default {
  data(){
    return{
      select: '',
      number: '',
      code: ''
    }
  },
  methods:{
    submit(){
    }
  }
}
</script>

<style>
input{
   margin: 10px;
   padding: 10PX;
}
.select{
  width:300px;
 height: 50px;
}
.area{
  width:300px;
 height: 50px;
}
.number{
  width:300px;
 height: 50px;
}
.code{
  width:300px;
 height: 50px;
}
button{
 width:300px;
 height: 50px;
 background: #FFBE99;
}
</style>